/* global */
html{
  font-size: 16px;
}
input,
button,
a {
  outline: 0 none !important;
}

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {
  display: none;
}

input,
button,
select,
textarea {
  outline: none !important;
}

input:focus,
input:active {
  outline: none !important;
}

input:-webkit-autofill {
  background: white !important;
  background-image: none !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #463f3f !important;
  transition: background-color 5000s ease-in-out 0s;
}

body {
  background: white;
}
.dot-line-2{
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.dot-line-1{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dot-line-3{
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.dot-line-4{
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.dot-line-5{
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.dan-tit{
  font-size:20px;
  font-family:Source Han Sans CN;
  font-weight:bold;
  color:rgba(208,0,26,1);
  line-height: 250%;
}
.dan-sub-tit{
  font-size:15px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height: 200%;
}
.dan-red{
  color:rgba(208,0,26,1);
}
.dan-ul{
  padding-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.dan-ul li{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:16px;
}
.dan-ul-20 li{
  line-height:200%;
}
.dan-p{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height: 150%;
  margin:10px 0;
}
.btn-danger{
  background:rgba(208,0,26,1);
}
.dan-ques{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height: 20px;
  padding: 10px;
  padding-left:35px;
  position: relative;
}
.dan-ques::before{
  position: absolute;
  left:0;
  top: 10px;
  content: 'Q';
  display: inline-block;
  width:20px;
  height:20px;
  background:rgba(153,153,153,1);
  color: white;
  border-radius: 2px;
  text-align: center;
  line-height: 20px;
  margin-right:15px;
}
.dan-answ{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height:20px;
  padding: 10px;
  padding-left:35px;
  position: relative;
}
.dan-answ::before{
  position: absolute;
  left:0;
  top: 10px;
  content: 'A';
  display: inline-block;
  width:20px;
  height:20px;
  background:#D0001A;
  color: white;
  border-radius: 2px;
  text-align: center;
  line-height: 20px;
  margin-right:15px;
}
.dan-ul a{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height: 200%;
}
.dan-report-item{
  border-bottom:1px solid #EBEBEB;
  padding-top: 10px;
}
.dan-report-item p{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.mb-20{
  margin-bottom: 20px;
}
.dan-pagination .pagination{
  justify-content: center;
  margin-top: 20px;
}
.dan-pagination li{
  width:32px;
  height:32px;
  line-height: 30px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(217,217,217,1);
  border-radius:2px;
  text-align: center;
  margin: 5px;
}
.dan-pagination li a{
  font-size:14px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.dan-pagination li a span{
  position: relative;
  top: -2px;
}
.dan-pagination .disabled{
  color: #C4C4C4;
}
.dan-pagination .active{
  border-color: #D30018;
}
.dan-pagination .active a{
  color: #D30018;
}
.page-nav{
  font-size:12px;
  font-family:Source Han Sans CN;
  color:rgba(153,153,153,1);
  margin-top: 10px;
}
.page-nav a{
  color:rgba(153,153,153,1);
}
.page-nav .bold{
  font-weight:400;
  color: #000000;
}
.activity .cover{
  width:100%;
  height:204px;
  border-radius:4px 4px 0 0;
  object-fit:cover;
}
.activity .date{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.activity .des{
  font-size:16px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  height: 43px;
  margin: 8px 0;
}
.activity .status{
  float: right;
}
.activity .location{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.activity .content{
  padding: 10px;
  border:1px solid rgba(235,235,235,1);
  border-radius:0 0 4px 4px ;
}
.activity .item{
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.activity .more{
  text-align: center;
  margin: 15px 0;
}
.activity .btn-danger-outline{
  width:120px;
  height:44px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(208,0,26,1);
  border-radius:22px;
  font-size:16px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(208,0,26,1);
}
.ac-filter{
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 20px;
}
.ac-filter .title{
  font-size:20px;
  font-family:Source Han Sans CN;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.ac-filter .item{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(102,102,102,1);
  margin: 15px;
}
.ac-filter .tag{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
  display: inline-block;
  padding: 5px 15px;  
}
.ac-filter .item label{
  display: inline-block;
  width: 90px;
}
.ac-filter .active{
  background:rgba(255,242,243,1);
  border-radius:4px;
  color:rgba(211,0,24,1);
}
.ac-info{
  margin-top: 20px;
}
.ac-info .top{
  padding: 15px;
  height:346px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(235,235,235,1);
  position: relative;
}
.ac-info .cover{
  width:420px;
  height:306px;
  object-fit: cover;
}
.ac-info .right{
  display: inline-block;
  width: calc(100% - 430px);
  vertical-align: top;
  padding-left: 15px;
}
.ac-info .right .title{
  font-size:24px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
}
.ac-info .right .vip{
  height:22px;
  line-height: 22px;
  background:rgba(222,185,139,1);
  border-radius:4px;
  padding:0 10px;
  color:white;
  font-size:12px;
  display: inline-block;
  position: relative;
  top: -4px;
}
.ac-info .right .date{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.ac-info .right .status{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.ac-info .right .des{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:20px;
  margin: 20px 0;
}
.ac-info .right .btn{
  width:140px;
  height:40px;
  background:rgba(200,200,200,1);
  border-radius:4px;
  color:white;
}
.ac-info .top .status-pic{
  position: absolute;
  right: 0;
  bottom: 0;
}
.ac-info .right .btn-danger{
  background: rgba(208,0,26,1);
}
.ac-info .content{
  padding: 15px;
  border: 1px solid #e8e8e8;
}
.ac-info .content .title{
  padding-bottom:10px;
  font-size:20px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  border-bottom: 1px solid #e8e8e8;
}
#signIn .form-group{
  border:none
}
#signIn .form-control{
  border:1px solid #ced4da;
}
.dan-modal .required::before{
  content:'*';
  color:#E72D2D;
}
#signIn label{
  text-align: left;
  padding-right: 0;
  padding-left:0
}
#signIn .xieyi{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:25px;
}
.search-top{
  margin-bottom: 20px;
}
.search-top .btn{
  width:80px;
  height:36px;
  border:1px solid rgba(235,235,235,1);
  border-radius:4px;
  background:none;
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.search-top .right{
  float: right;
  display: inline-block;
  width:440px;
  height:36px;
  background:rgba(245,245,245,1);
  border:1px solid rgba(235,235,235,1);
  border-radius:4px;
}
.search-top .right input{
  width: calc(100% - 30px);
  height: 100%;
  background:none;
  border:none;
  padding-left:20px;
}
.search-top .right object{
  position: relative;
  top: 2px;
}
.user-info .tit{
  font-size:20px;
  font-family:Source Han Sans CN;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height: 300%;
}
.user-info .card-bg{
  height:283px;
  background:rgba(248,248,248,1);
  border-radius:8px;
  padding:0 15px;
}
.user-info .sm-tit{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  border-bottom: 1px solid rgba(235,235,235,1);
  height: 44px;
  line-height: 44px;
}
.user-info .label{
  display: inline-block;
  width:70px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
  margin-right: 10px;
}
.user-info .item{
  line-height: 300%;
  font-size:14px;
}
.user-info .card-bg .btm{
  border-top: 1px solid rgba(235,235,235,1);
  text-align: center;
  line-height: 44px;
  margin-top: 15px;
}
.user-info .btm a{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(211,0,24,1);
  display: inline-block;
  margin: 0 20px;
}
.user-info .member .card-bg{
  margin:0;
  padding-top: 20px;
  padding-bottom:20px;
  height: auto;
  margin-bottom: 60px;
}
.user-info table tr{ 
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.user-info table th,.user-info table td{
  padding-top: 9px;
  padding-bottom:9px;
}
.user-info .order .sm-tit{
  margin-bottom:0px;
  border-bottom:none;
}
.user-info tbody tr{
  background:white;
}
.user-info .table-box{
  height: 220px;
  overflow-y:scroll;
}
.user-info .pic, #user .pic{
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-right: 15px;
}
.user-info .edit{
  text-align: center;
}
.user-info .edit button{
  width:150px;
  height:40px;
  background:rgba(208,0,26,1);
  border-radius:4px;
  margin: 20px;
}
#user .form-group{
  border:none
}
#user .form-control{
  border:1px solid #ced4da;
}
#user label{
  text-align: left;
  padding-right: 0;
  padding-left:0
}
#user .xieyi{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:25px;
}
#user .modal-dialog,#pay .modal-dialog,#exchange .modal-dialog{
  max-width: 596px;
  width: 596px;
}
#pay .modal-dialog{
  max-width: 780px;
  width: 780px;
}
#user form{
  width: 90%;
  margin-top: 10px ;
  height: 500px;
  overflow-y: scroll;
  margin-bottom: 0px;
}
#user .modal-body{
  padding-top: 0;
}
#user .submit{
  text-align: center;
}
#user .submit button{
  width:200px;
}
#pay .pay-tit{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
}
#pay .content{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
}
#pay .prod-list{
  overflow-x: scroll;
  height: 124px;
  white-space: nowrap;
  overflow-y:hidden;
  margin: 20px 0;
}
#pay .prod-list .item{
  width:180px;
  height:114px;
  border:1px solid rgba(224,229,234,1);
  border-radius:4px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  text-align: center;
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(151,157,166,1);
}
#pay .price{
  font-size:30px;
  font-family:Source Han Sans CN;
  font-weight:bold;
  color:rgba(208,0,26,1);
}
#pay .prod-list .price{
  margin: 20px 0 10px 0;
}
#pay .price span{
  font-size: 20px;
}
#pay .prod-list .active{
  border-color: #D0001A;
  background-image: url(../image/check_s.png);
  background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
#pay .inline{
  display: inline-block;
}
#pay .way-item{
  display: inline-block;
  margin-right: 10px;
  width:150px;
  height:44px;
  line-height: 42px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(224,229,234,1);
  border-radius:4px;
  text-align: center;
}
#pay .way-item object{
  position: relative;
  top: 4px;
  margin-right: 8px;
}
#pay .way .active{
  border-color: #53D462;
}
/* 2020-10-19 */
#pay .way{
  position: relative;
}
#pay .qr-code{
  position: absolute;
  right: 10px;
  top: -60px;
  width:132px;
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
  margin-right: 30px;
  margin-bottom: 20px;
}
.payed{
  height: 120px;
}
#pay .wx-qr-img{
  width: 130px;
  height: 130px;
}
/* 2020-10-19 */
#pay .qr-code img{
  width:120px;
  height:120px;
  margin-bottom: 10px;
}
.exchange-input{
  width:516px;
  height:40px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(218,221,225,1);
  border-radius:4px;
  padding: 0 20px;
  margin: 0 auto;
}
.exchange-btn{
  width:200px;
  height:40px;
  background:rgba(208,0,26,1);
  border-radius:4px;
  margin: 20px auto;
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(255,255,255,1);
}
.dan-modal .form-control{min-height:38px}